<template>
	<div class="container">
		<div class="loading-box">
			<div class="row">
				<div class="col">
					<div class="progress">
						<div class="progress-bar progress-bar-striped progress-bar-animated" style="width:20%"></div>
					</div>
					<br>
					<div class="progress">
						<div class="progress-bar progress-bar-striped progress-bar-animated bg-success" style="width:40%"></div>
					</div>
					<br>
					<div class="progress">
						<div class="progress-bar progress-bar-striped progress-bar-animated bg-info" style="width:60%"></div>
					</div>
					<br>
					<div class="progress">
						<div class="progress-bar progress-bar-striped progress-bar-animated bg-warning" style="width:80%"></div>
					</div>
					<br>
					<div class="progress">
						<div class="progress-bar progress-bar-striped progress-bar-animated bg-danger" style="width:90%"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>
<style scoped="scoped">
	.loading-box{
		background-color: #f5f5f5;
		width: 100%;
		margin: 60px 0;
	}
</style>